<template>
  <div class="chapter">
    <div v-html="list.description">

    </div>
  </div>
</template>
<script>
export default {
  props: {
    list: {
      type: [Object],
      default () {
        return {}
      }
    }
  },
  methods: {

  },
  created () {

  }
}
</script>

<style lang="stylus" scoped>
  .chapter
    & > div
      margin-bottom: 16px;
      padding: 24px 32px 32px;
      background-color: #fff;
      box-shadow: 0 8px 16px rgba(7,17,27,0.1);
      border-radius: 12px;
      color: #1c1f21;
      font-size: 16px;
  .chapter >>> img
    max-width:100%;

</style>
